﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
    width=device-width,initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="assets/style-pho/css.css">
    <link rel="stylesheet" href="assets/style-pho/all.css">
    <link rel="stylesheet" href="assets/style-pho/lianxiwomen.css">
    <script src="assets/lib-pho/jquery-3.4.1.min.js"></script>
    <title>Document</title>
</head>

<body style="background-color:red">
    <!-- 滚动条问题在下面出现 ↓
        1.不是盒子宽度过大问题
    -->

    <!-- <div class="wenti-box"> -->
    <!-- 第一部分 -->
    <div class="main1">
        <!-- 菜单栏页面 -->
        <div class="menua">
            <!-- 关闭按钮 -->
            <p>
                <a class="close"></a>
            </p>
            <div>
                {dede:include filename="nav-pho.htm"/}
            </div>
        </div>

        <div class="swhz-banner">
            <!-- 展开按钮 -->
            <div class="nav">
                <img src="assets/images-pho/Logo.png" width="52px" height="20px" />
                <a class="menu"></a>
            </div>



        </div>
    </div>



    <!-- banner部分 -->
    <div class="lxwm-banner">
        <p class="lxwm-font">
            大道至简
        </p>
        <img src="assets/images-pho/lxwm-banner.png" alt="">

    </div>
    <!-- </div> -->
    <!-- 第二部分 -->
    <div class="lxwm-main2">
        <form action="yc.php">
            <p>在线留言</p>
            您的姓名（必填）<br>
            <input type="text" name="name" /><br> 您的手机号（必填）
            <br>
            <input type="text" name="tel" /> <br>您的邮箱
            <br>
            <input type="text" name="email" /> <br>您的微信号
            <br>
            <input type="text" name="vx" /> <br>您的留言（必填）
            <br>
            <textarea type="text" name="info"></textarea>
            <input type="submit" value="提交">
        </form>
    </div>
    <!-- 第三部分 -->
    <div class="tele-me">
        <p>联系我们</p>
        <p>工作时间 9:00 am – 20:00 pm</p>
        <p>15858153259</p>
        <p>863278992</p>
        <p>中国(杭州)智慧信息产业园C幢裙楼3F</p>
    </div>
    <!-- </div> -->
    {dede:include filename="footer-pho.htm"/}




    <script>
        $(document).ready(function() {

            $(window).scroll(function() {
                console.log(123);
            });
        });
        // $('.main1').width($(window).width());
        // $('.main1').height($(window).height()); 不适用JS也有更好的方法

        // $('.menup').width($(window).width());
        // $('.menup').height($(window).height());

        $('.menu').click(function() {
            // alert(123);
            $('.menua').css("z-index", "2");
            $('body').css('overflow', 'hidden'); //禁止滚动
            $(this).css('visibility', 'hidden'); //禁止滚动


        });
        $('.menua').click(function() {
            $('.menua').css("z-index", "-1");
            $('.menua ul').css("z-index", "-1");
            $('body').css('overflow', 'auto'); //允许滚动
            $('.menu').css('visibility', 'visible'); //禁止滚动

        });
    </script>
</body>

</html>